區塊vs行內元素

1. 行內元素(inline)無法設定外距的上面&下面 (但左右是可以的)
   Inline: <img> <a >連結 <span>
   其他都是區塊元素(block)
2. 行內元素不會換行，只會在同一行列，反之區塊元素如: 就會自動換行

選單設計

1.選單不要有一點→在CSS中控制 ul
ul{
	list-style: none;
  }
P.s. <ul> 是整個選單的區塊

2.<ul> 選單要右移，用 float(用來水平排列)
ul{
	list-style: none;
	float: right 
   }

3. 背景顏色background-color
   每個選單的間距 padding-left & padding-right
   把li 上下拉長 padding-top & padding-bottom
   li{
   display: inline-block;
   padding-right: 60px;
   padding-left: 60px;
   background-color: #A9F9CA;
   padding-top: 20px;
   padding-bottom: 20px;
   }

4. 互動效果: hover(滑過有顏色變化)
   li:hover{
   background-color: #C8F3F7;
   }

現實生活中，人人都有夢想，都渴望成功，都想找到一條成功的捷徑。其實，捷徑就在你的身邊，那就是勤於積累，腳踏實地，積極肯幹。